<template>
  <div class="crumbs">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item><i class="el-icon-date"></i> {{one}}</el-breadcrumb-item>
      <el-breadcrumb-item>{{two}}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="three">{{three}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
  export default {
  	props: {
      one: {
      	type: String,
        default () {
      		return "";
        }
      },
      two: {
        type: String,
        default () {
          return "";
        }
      },
      three: {
        type: String,
        default () {
          return "";
        }
      }
    }
  }
</script>
